<template>
    <div id="footBox">
        <div id="footBoxContent">
            <h2>友情链接:</h2>
            <ul>
                <li v-for="(item,index) in linkList" :key="index"><a :href="item.dictValue">{{item.dictLabel}}</a></li>
            </ul>
            <div id="statement">
                <span>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</span>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "footNav",
        data(){
            return {
                linkList:[]
            }
        },
        methods:{

        },
        created() {
            let obj = new URLSearchParams();
            obj.append("dictType","blogroll");
            this.axios.post("http://wkt.myhope365.com/system/dict/data/list/open",obj).then(res => {
                this.linkList = res.data.rows;
            })
        }
    }
</script>

<style scoped lang="less">
    @hoverColor:#00cf8c;
    #footBox{
        width: 100%;
        height: 197px;
        background: #444546;
        color: #999;
        font-size: 14px;
        overflow: hidden;
    }
    #footBoxContent{
        margin: auto;
        padding: 20px 0;
        width: 1200px;
        height: 100%;
        text-align: left;
        h2{
            font-size: 22px;
            font-weight: normal;
            margin: 16px 0;
            overflow: hidden;
        }
        ul{
            margin-top: 24px;
            list-style: none;
            overflow: hidden;
            padding: 0;
        }
        li{
            float: left;
            margin-right: 30px;
        }
        a{
            text-decoration: none;
            color: #999;
        }
        a:hover{
            color: @hoverColor;
        }
    }
    #statement{
        margin: 30px auto 0px;
        padding-top: 5px;
        width: 1000px;
        height: 40px;
        border-top: 1px solid rgb(84, 84, 84);
        text-align: center;
    }
</style>